@charset "utf-8";

/* base 公共部分 */
body { font: 12px/22px "思源宋体"; color:#555; margin: 0px; padding:0;text-align:center; position: relative;}
*{ padding:0; margin:0; font-family:"思源宋体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#0278b8; text-decoration:none !important;;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}
.back{margin:0 auto; margin-top:30px; width:150px; height:42px; line-height:42px; display: block;}
.back a{ display:block; margin:0 auto; width:100%; border-radius:25px; background:#e62129; color:#fff !important; font-size:16px; text-align:center;}
.back a i{ padding-right:10px;}
.back a:hover{background:#fff; color:#e62129 !important; border:2px solid #e62129;}

.e1{ overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.e2{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.e3{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.e4{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.e5{ overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}

.swiper-button-next, .swiper-button-prev{color: #f00 !important;}
.swiper-pagination-bullet-active{background: #f00 !important;}

.container{ margin:0 auto; text-align:left;}

/*头部*/
.head-top{background:#f2f2f2;font-size:14px;height: 40px;line-height: 40px;color:#808080;}
.head-top .head-top-left{text-align:left; display: none;}
.head-top .head-top-right{text-align: left;}
.head-top .head-top-right a{color:#808080; padding: 0 5px;}
.logo{margin: 0 auto; padding:10px 0;}
.top_left{ float:left;}
.top_left img{ float:left;}
.top-left .top-zi{ float:left; margin-left:20px; padding-left:20px; border-left:1px solid #e6e6e6; height:50px; padding-top:4px; width:370px; font-size:14px; line-height:20px; text-align:left; display: none;}
.top-left .top-zi p{font-size:22px;font-weight:bold;line-height:1;color:#d71418;margin-bottom:8px;}
.top-left .top-zi span{font-size: 17px;line-height: 1;color: #666666;}
.top_right{ float:right; width:280px; height:57px; color:#bebebe; text-align:left; background:url(../images/tel.png) no-repeat left;padding-left: 55px; display: none;}
.top_right h3{font-size:14px;line-height:1;font-weight:normal;color: #808080; margin-top: 0;}
.top_right h4{font-family: Impact  !important;;font-size:35px;line-height: 1;color: #d81519;margin-top: 4px;}
.top_right p{ margin-left:10px; font-size:14px; color:#333; line-height:20px; text-align:right; text-transform:uppercase;}
.top_right p strong{ color:#fd010c; font-size:18px;}


/*菜单*/
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:60px;line-height:60px;background:#d71418;position:relative; z-index:1;display: none;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left; margin-top:22px; font-weight:400;margin-bottom:19px;}
.nav .nLi h3 a{ display:block; padding:0 53px; font-size:17px;border-left:1px solid #960e13; border-right:1px solid #d9262d; }
.nav .nLi h3 a.z{ border-left:none;}
.nav .nLi h3 a.r{ border-right:none;  border-left:none;}
.nav .nLi:hover{background-color: #b30004; color: #fff;}
.nav .nLi:hover a{color: #fff;}
.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on{background: #b30004; color: #fff;}

/*手机端导航*/
.sp_nav{width:30px;float:right;position:relative;cursor:pointer;height:25px;margin-top:15px; display:block;}
.sp_nav span{display:block;background:#d71418;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#d71418;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; text-align: left;}
.nav_show{top:105px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;/*border-left:1px #ddd solid;*/height:30px;padding:0px 7px 0 7px;width: 85%;text-align: right;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #960e13 solid;margin-left:15px;position:relative;line-height:44px;font-size:17px}
.sjj_nav>ul >li:last-child{border-bottom:1px #960e13 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:80%}
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:0}

/*banner开始*/
.banner{ width:100%;position:relative;margin-top:0;}
.banner .swiper-wrapper{ height:auto !important;}
.banner .swiper-container {width:100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100% !important;}
.banner .swiper-slide img{ width:100% !important;}
.banner .swiper-slide .pc{ display:none;}
.banner .swiper-slide .phone{ display:block;}

		
/*主体*/
/*.content{ width:100%; float:left; margin:15px 0;}*/
.content{background: #f4f4f4; width: 100%; padding:30px 0;}
.content .container{background: #fff;}
.content-sy{ width:100%; float:left;  background:#e1e1e1;}

.sy_title { width: 100%; text-align: center; padding: 0 3%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom:30px; }
.sy_title b { display: block; font-size:28px; color: #333; text-align:center;}
.sy_title span { color: #999; font-size:14px; display: block; margin-top: 10px; text-align:center;}

/*首页推荐产品*/
.sy_product1{padding-top:30px;}
.sy_product { width:100%; position: relative; padding: 70px 0; background:url(../images/pro_bg.png) no-repeat center bottom; background-size: 100%; }
.sy_product ul li { float: left; width: 25%; background: #fff; padding: 20px 3%; border-right: 1px solid #f1f1f1; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom:20px;}
.sy_product ul li:nth-child(4n) { margin-right: 0; }
.sy_product ul li:hover { box-shadow: 3px 3px 10px rgba(0,0,0,.1); z-index: 99999; }
.sy_product ul li .indpro_img { width: 100%; height: 290px; }
.sy_product ul li .indpro_img a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.sy_product ul li .indpro_img a img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.sy_product ul li:hover .indpro_img a img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.sy_product ul li .indpro_name { display: block; font-size: 20px; color: #333; text-align: center; height: 40px; line-height: 40px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.sy_product ul li:hover .indpro_name { color: #d71418; }
.sy_product ul li span { color: #777; display: block; line-height: 30px; height: 30px; overflow: hidden; display: -webkit-Box; -webkit-Box-orIEnt: vertical; -webkit-line-clamp: 2; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sy_product ul li .indpro_more { display: block; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #67686c; margin: 15px auto; border-radius: 50px; font-size: 16px; overflow: hidden; position: relative; border: 1px solid #d5d8d7; }
.sy_product ul li .indpro_more a { color: #67686c; }
.sy_product ul li .indpro_more a i { color: #d0d0d0; }
.sy_product ul li:hover .indpro_more { background: #d71418;border: 1px solid #d71418;  }
.sy_product ul li:hover .indpro_more a { color: #fff; }
.sy_product ul li:hover .indpro_more a i { color: #fff; }
.sy_product .swiper-container2 { overflow: hidden; position: relative; }
.sy_product .swiper-button-prev, .sy_product .swiper-button-next { width: 55px!important; height: 55px!important; top: 50%!important; margin: 0!important; border-radius: 50%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sy_product .swiper-button-prev { background: url(../images/pre01.png) center center no-repeat; background-size: 55px 55px; left: 50px; }
.sy_product .swiper-button-next { background: url(../images/next01.png) center center no-repeat; background-size: 55px 55px; right: 50px; }
@media screen and (max-width:1599px) and (min-width:1080px) {
.sy_product .swiper-button-prev, .sy_product .swiper-button-next { display: none; }
.sy_product { padding-top: 20px; }
}
@media screen and (max-width:1079px) and (min-width:1024px) {
.sy_product { padding-top: 10px; }
.sy_product .swiper-button-prev, .sy_product .swiper-button-next { display: none; }
}
@media screen and (max-width:1023px) and (min-width:768px) {
.ly_idxProTj { padding: 40px 0; }
.sy_product { padding-top: 0; }
.sy_product .swiper-button-prev, .sy_product .swiper-button-next { display: none; }
}
@media (max-width: 767px) {
.ly_idxProTj { padding: 40px 0; }
.sy_product { padding-top: 0; }
.sy_product .swiper-button-prev, .sy_product .swiper-button-next { display: none; }
}

/*首页产品中心*/
.sy_product2{ width:100%; overflow:hidden; margin:0 auto;/*padding-top:100px;*/ position:relative; }
.sy_product2 .title{font-size:32px;display:block;color:#333;text-align:left;font-weight:bold;}
.sy_product2 .pro_menu{width: 62.5%;overflow: hidden;margin: 0;padding: 36px 20px 36px 50px;background-color: #d71418;position: absolute;top:10%;right:0;z-index:2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-height:120px;overflow:hidden;}
.sy_product2 .pro_menu p{ max-height:50px; overflow:hidden;}
.pro_menu a { display: block; /*width: 15%;*/ height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 1% 0 0; padding: 0 2.3%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.pro_menu a:hover, .pro_menu a.on { color: #fff; font-weight: bold; border: 1px solid #fff; border-radius: 50px; }
.sy_product2 .pro_list {width: 100%;height: auto;/*margin: 20px auto 0;*/padding:30px 0 20px;background: #f2f2f2;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.sy_product2 .pro_list .l{margin: 0 2.666666% 40px 0; padding: 15px; background-color: #fff;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; }
.sy_product2 .pro_list .l .pro_con { width: 100%; height: 390px; overflow: hidden; margin: 0 auto; padding: 1px; border: 1px solid #ededed; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.sy_product2 .pro_list .l .pro_con .pro_img { width: 100%; /*height: 290px;*/ overflow: hidden; margin: 20px auto; padding: 0; position: relative; }
/*.sy_product2 .pro_list .l .pro_con .pro_img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }*/
.sy_product2 .pro_list .l .pro_con .pro_img img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; /*position: absolute; left: 0; top: 0; right: 0; bottom: 0;*/ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.sy_product2 .pro_list .l:hover .pro_con .pro_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); margin-top: 50px; }
.sy_product2 .pro_list .l .pro_con .pro_name { width: 100%; height: auto; overflow: hidden; margin: 0 auto 0; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 50px; color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 3%; box-sizing: border-box;}
/*.sy_product2 .pro_list .l .pro_con .pro_name a { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 3%; box-sizing: border-box; }*/
.sy_product2 .pro_list .l .pro_con .pro_name i { display: none; }
.sy_product2 .pro_list .l .pro_con .pro_name em { display: block; width: 30px; height: 3px; overflow: hidden; background-color: #d71418; margin: 0 auto 8px; padding: 0; }
.sy_product2 .pro_list .l:hover .pro_con { padding: 10px; }
.sy_product2 .pro_list .l:hover .pro_con .pro_name { height: 100%; padding: 120px 10px 10px; position: absolute; left: 0; top: 0; background-color: rgba(215,20,24,0.8);color: #fff;}
/*.sy_product2 .pro_list .l:hover .pro_con .pro_name a { height: auto; color: #fff; }*/
.sy_product2 .pro_list .l:hover .pro_con .pro_name i { display: block; width: 66px; height: 66px; overflow: hidden; margin: 0 auto 10px; padding: 0; background: url(../images/pro_hover.png) center center no-repeat; background-size: 66px 66px; }
.sy_product2 .pro_list .l:hover .pro_con .ipro_name em { background-color: #fff; margin-top: 10px; }

.sy_feilei{ margin-bottom:20px;}
.sy_feilei ul{margin:0;}
.sy_feilei ul li{display:inline-block;margin:0 5px; width:29.5%;}
.sy_feilei ul li a{padding:5px 12px;cursor:pointer;margin-bottom:12px;background-color: #ffffff;box-shadow: 5px 5px 22px 7px rgba(48, 48, 48, 0.05);border-radius:30px 30px 30px 30px;border-left:3px solid #e62129; color:#333; display: block; font-size:16px;}
.sy_feilei ul li a i{/*float:right;*/color:#e62129;padding-left:15px;}
.sy_feilei ul li a:hover{background:#e62129;color:#fff;border-left:3px solid #FFBF00;}
.sy_feilei ul li a:hover i{color: #fff;}

/*首页关于我们*/
.sy_about{padding:30px 0;}
.sy_about .a_img{overflow: hidden;}
.sy_about .a_img img{display: block; max-width: 100%; margin: 0 auto; border-radius:20px;}
.sy_about .a_text{line-height: 26px; font-size:16px; color:#555; padding:0; margin-top:20px;}
.sy_about .a_text p{text-indent: 2em;}
.sy_about .a_text .more{display: block;width: 127px;background-color:#d71418;margin-top:4.335%;font-size:16px;font-weight: normal;line-height:40px;color: #ffffff;text-align: center; border-radius:20px;}

/*首页新闻*/
.sy_news{padding:30px 0; background: url("../images/news_bj.png") no-repeat center;}
.sy_news .swiper-slide{height: auto !important;}
.sy_news .l{box-shadow:0 0 20px #ddd; padding:40px 25px; padding-bottom:60px; transition:all 0.2s ease; position:relative;background:#fff;margin-bottom:40px;}
.sy_news .l:after{ content:''; position:absolute; bottom:0; left:0; width:0; height:4px; background:#d71418;transition:width 3s;-moz-transition:width 2s;-webkit-transition:width 2s;-o-transition:width 2s; }
.sy_news .l:hover:after{ width:100%;}
.sy_news .l .sj{}
.sy_news .l .sj em{ display:block; font-style:normal; font-size:20px; line-height:20px; margin-bottom:10px; color:#a0a0a0;}
.sy_news .l .sj span{ display:block; width:70px; height:2px; background:#a0a0a0; margin-bottom:5px;}
.sy_news .l .sj i{ display:block; font-style:normal; font-size:16px; color:#afafaf;}
.sy_news .l h2{ font-size:20px; line-height:28px; height:56px; overflow:hidden;color:#333; font-weight:normal; margin-bottom:20px; margin-top:30px;}
.sy_news .l p{ font-size:16px; line-height:26px; height:84px; overflow:hidden; /*margin-bottom:60px;*/ color:#747474;}
.sy_news .l .pic{overflow: hidden; margin:20px auto;}
.sy_news .l .pic img{display:block; max-width:100%; margin:0 auto;}
.sy_news .l .gd{ display:block; width:56px; height:32px; border:2px solid #9fa0a3; text-align:center;background:url(../images/gd1.png) no-repeat center;}
.sy_news .l .gd i{ font-size:30px; line-height:30px; color:#9fa0a3; text-align:center;}
.sy_news .l .gd a em{width:4px; height:1px; background:#fff; display:inline-block;}
.sy_news .l:hover h2{color:#d71418;}
.sy_news .l:hover .gd{border:2px solid #d71418; background:#d71418;}
.sy_news .l:hover .gd,.sy_news .l.on .gd{ width:86px;background:url(../images/gd2.png) no-repeat center #d71418;}

/*首页友情链接*/
.sy_link{padding:30px 0;}
.sy_link .tit{padding-bottom:9px;line-height:1;border-bottom:1px solid #e6e6e6;position:relative;margin-bottom:15px;font-size:22px;font-weight:bold; color:#d71418;}
.sy_link .tit i{padding-right:10px;}
.sy_link .c-link a{padding:0 5px;font-size:16px;line-height:20px;color: #666666;}
.sy_link .c-link a:hover{color:#d71418;}

/*首页优势*/
.sy_youshi{padding:50px 0; background:#333;}
.sy_youshi ul li{display: inline-block;width:19.6%;background: url(../images/line.png) no-repeat right center;text-align:center;line-height:1;vertical-align:top;}
.sy_youshi ul li:last-child{background:none;}
.sy_youshi ul li a{width:100%;display:flex;display:-webkit-flex;align-content:center;justify-content:center;}
.sy_youshi ul li .y_img .img2{display: none;}
.sy_youshi ul li:hover .y_img .img1{display: none;}
.sy_youshi ul li:hover .y_img .img2{display: inline;}
.sy_youshi ul li .tit{text-align:left;margin-left:13px;max-width: calc(100% - 75px);}
.sy_youshi ul li .tit p{font-size: 20px;font-weight: normal;line-height: 1.2;color: #fff;margin-top: 4px; margin-bottom: 0; overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.sy_youshi ul li .tit span{display: block;font-size: 15px;font-weight: normal;line-height: 1.2;color: #999;margin-top: 7px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
@media(max-width:991px){
    .sy_youshi{display: none;}
    .sy_youshi ul li{width: 33.333%;margin-bottom: 10px;background:none;}
    .sy_youshi ul li a{justify-content: flex-start}
}
@media(max-width:768px){
    .sy_youshi{padding:25px 0;}
    .sy_youshi ul li{width:50%;}
    .sy_youshi ul li .tit p{font-size:18px;}
    .sy_youshi ul li .tit span{font-size:14px;}
}
@media(max-width:468px){
    .sy_youshi ul li{width:100%;}
}
 
/* 本例子css */
.cpztc{ background:#f0f0f0; overflow:hidden;}
.slideTxtBox001{ width:1000px;  text-align:left; margin:30px 0;   overflow:hidden;}
.slideTxtBox001 .hd{ line-height:40px;  float:left; width:217px;  background:#fff; }
.slideTxtBox001 .hd ul{ float:left; width:217px; }
.slideTxtBox001 .hd ul li{ padding:0 15px; cursor:pointer; border-bottom:1px dashed #dddddd; background:url(../images/icon2.jpg) no-repeat;}
.slideTxtBox001 .hd ul li.on a{ color:#fff;}
.slideTxtBox001 .hd ul li.on{ height:40px;  background:#000; color:#fff;}
.slideTxtBox001 .bd{float:right; border-bottom:2px solid #FF0004;  background:#fff;}
.slideTxtBox001 .bd .box .tp001 img {width:720px; height:398px;}
.slideTxtBox001 .bd .box { padding:15px;}
.slideTxtBox001 .bd .box p{ padding:10px 0; border-bottom:1px dashed #ccc; }
.slideTxtBox001 .bd .box h4{ border-bottom:1px dashed #ccc; line-height:35px;}
.slideTxtBox001 .bd .box h4 a{  zoom:1; color:#FF0004;    }
.slideTxtBox001 .bd .box a{color:#FF0004;}

.slideTxtBox001 .bd .box ul li a{ float:left; margin-right:10px; color:#555; padding:10px 0;}
.slideTxtBox001 .bd .box ul li a:hover{ color:#FF0004;}
/*.slideTxtBox001 .bd .box ul li:hover{ background:url(../images/icon2.jpg) no-repeat;}*/


.cpzq{ margin:30px 0; float:left;}
.cpzq .box-1{position: relative;height:205px; }
.cpzq .box-1 img{ height:205px; width:185px; }
.cpzq .box-1 .box-1-1 {position:absolute;  left:0; bottom:0; background:#000; color:#fff; width:165px; padding:5px 10px; opacity:0.8;}
.cpzq .box-1 p{ color:#fff;}
.cpzq .box-1 p a{ color:#fff;}
.cpzq .box-1 p a:hover{ color:#555;}


.cpzq .box-2{ position: relative; height:205px; float:left; margin:0 20px; }
.cpzq .box-2 img{ height:205px; width:590px;  }
.cpzq .box-2 .box-1-2 {position:absolute;  left:0; bottom:0; background:#000; color:#fff; width:570px; padding:5px 10px; opacity:0.8;}
.cpzq .box-2 p{ color:#fff;}
.cpzq .box-2 p a{ color:#fff;}
.cpzq .box-2 p a:hover{ color:#555;}



.js{width:100%;  }
.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
.js p span{ float:right; }
.js p span a{ color:#f00; text-decoration:underline;   }
.js textarea{ height:50px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

/*内页banner*/

.ny_banner{width:100%;margin:0 auto;}
.ny_banner img{width:100%;display:block;margin:0 auto;}
.ny_banner .pc{display:none;}
.ny_banner .phone{display:block;}


/* 本例子css */
.sideMenu{   }
.sideMenu h3{height:42px;line-height:42px;padding-left:20px;cursor:pointer;margin:0;font-size:16px;background:#e62129;color:#fff;margin-bottom:2px;}
.sideMenu h3 a{color:#fff;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; margin-top:5px;}
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{  color:#999; display:none; /* 默认都隐藏 */ }

.gywm{ width:375px; float:left;}
.gywm .title{ margin:20px 0;}
.gywm p a{ color:#FF0004;}
.gywm p img{ width:375px;}
.gywm p a:hover{ color:#ccc;}


.xwzx{width:566px; float:right;}
.xwzx .title{ margin:20px 0; float:left;}
.xwzx img{ float:left; margin-right:20px;}
.xwzx p a{ color:#FF0004;}
.xwzx p a:hover{ color:#ccc;}

.xw-box img{width:115px; height:70px;}

.ksdh{ margin:30px 0; float:left;}

.ksdh .yqlj .title {font-size:16px; border-bottom:1px solid #ccc; padding-bottom:10px; padding-top:20px; }
.ksdh .yqlj ul{ padding:10px 0;}

.yw{background:url(../images/blyx_03.jpg) center; height:584px;   }
.blyx{/*background:url(../images/bcyx_02.jpg) center; height:584px;   */ background:#f1f1f1;}


.jianju{ margin-bottom:20px;}
/*内页左边菜单*/
.sidebar{ /*width:200px; float:left;*/padding:15px !important;}
.sidebar1{display:none;}
.sidebar2{display:block;}
.side_menu{}
.side_menu .title{margin-bottom:15px; padding:5px 20px; /*background:#eaeaea;*/ overflow:hidden; /*border-left:solid 3px #e62129; */}
.side_menu .title .wz01{color:#ccc; font-size:16px;}
.side_menu .title .wz02{color:#000; font-size:24px;}

.side_menu ul{}
.side_menu ul li{ font-size:14px; position:relative;   }
.side_menu ul li span{ float:left; line-height:29px; }
.side_menu ul li a{display:block; height:46px; line-height:46px; background: #fff; padding-left:20px;color:#333333; font-size:16px;}
.side_menu ul li a i{float:right; color: #999999; padding-right: 20px;}
.side_menu ul li a:hover,.side_menu ul li a.active,.side_menu ul li:hover{background: #e62129; color: #fff;}
.side_menu ul li a:hover i,.side_menu ul li a.active i{color: #fff;}
.side_lxwm{}
.side_lxwm img{display:block; max-width:100%; margin:0 auto;}


/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{ /*width:750px; float:right; */background:#fff;  padding:15px !important; min-height:400px;}
.side_right .yemei{ border-bottom:solid 1px #e3e3e3; /*padding-bottom:5px;*/}
.side_right .yemei h2{ font-size:20px; color:#000000;border-bottom: 2px solid #e62129;float:left;  /*background:url(../images/xtb-1.png) 0 5px no-repeat; padding-left:20px;*/ font-weight:normal; margin-top:0; margin-bottom:0; padding-bottom:20px;}
.side_right .yemei span{ float:right; color:#ccc;}
.side_right .yemei span a{color:#ccc;}
.side_right .yemei span a:hover{color:#666;}

/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:28px; padding-top:30px;}
.side_right .intro p{ font-size:16px; color:#555; text-indent:2em;}
.side_right .intro table{ background:#dadada; margin:20px 0; width:100% !important;}
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"思源宋体"; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}


/*首页新闻列表*/
.sy_news_list{ padding:20px 0; width:283px; float:left;}
.sy_news_list ul li{background:url(../images/fh_03.jpg) no-repeat 6px; padding-left:30px; line-height:24px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; width:253px; }
.sy_news_list ul li a:hover{ text-decoration:underline;}
.sy_news_list ul li span{ float:right;}



/*新闻列表*/
.news_list{ padding:20px 0;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:30px; line-height:24px; margin-bottom:10px;}
.news_list ul li a{ font-size:13px; color:#555;}
.news_list ul li a:hover{ text-decoration:underline;}
.news_list ul li span{ float:right;}

#news_list .list_bd .list_box{padding:20px 20px 20px;position:relative;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#news_list .list_bd .list_main{overflow:hidden; width:78%; padding-left:3%; position:relative;}
#news_list .list_bd .list_main:after{content:''; width:1px; height:90px; background:#d2d2d2; position:absolute; left:0; top:0;}
#news_list .list_bd .bd_c{float:left; width:74%;}
#news_list .list_bd .bd_r{width:23%; margin-left:3%;float:right;overflow:hidden; display:none;}
#news_list .list_bd .bd_r img{ max-width:100%; margin:0 auto; display:block;transform:scale(1,1);transition-duration:0.5s;}
#news_list .list_bd .list_title{font-size:18px;color:#1f1f1f; font-weight:normal;display:block; margin-bottom:5px;}
#news_list .list_bd .list_tool{font-size:14px;color:#c1c1c1;padding:10px 0px;}
#news_list .list_bd .list_tool span{display:inline-block; vertical-align:middle;}
#news_list .list_bd .list_tool .share{cursor:pointer; margin:0 20px;}
#news_list .list_bd .list_p{font-size:14px; color:#505050; line-height:26px; height:52px;overflow:hidden;}
#news_list .list_bd .list_box:after{content:""; width:100%; height:1px; background:#e6e6e6;position:absolute; bottom:0; right:0;}
#news_list .list_bd .list_time{font-size:12px;color:#7c7c7c;padding:5px 5px 5px 5px; /*width:60px;*/ transition:all 0.5s ease;float:left;}
#news_list .list_bd .list_time_day{display:block; font-size:36px; color:#7c7c7c; line-height:36px;}
#news_list .list_bd .news_more{padding:0; margin:0; background:none; height:20px; line-height:20px;}
#news_list .list_bd .list_tool span.date{display:none;}
#news_list .list_bd .list_bd .noimg .bd_c{width:84%;}
#news_list .list_bd li:hover .list_box{background:#fff;}
#news_list .list_bd li:hover .list_title{color:#e62129; font-weight:bold;}
#news_list .list_bd li:hover .list_time{color:#e62129;}
#news_list .list_bd li:hover .list_time_day{color:#e62129;}
#news_list .list_bd li:hover .bd_r img{transform:scale(1.1,1.1); transition-duration:0.5s;}
#news_list li:hover .list_bd .list_p{color:#e62129;}

/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px; color:#ccc;}
.news_show .nr{ padding:8px 18px; }
.news_show .nr p{ margin-bottom:10px; line-height:26px; font-size:15px; color:#555;}
.news_show .nr img{display: block; max-width: 100%; margin: 0 auto; height: auto !important;}
.news_show .nr table{width: 100% !important;}

/*产品列表*/
.product_list{ padding:20px 0;}
.product_list ul li{ float:left; margin:0 25px 20px; width:137px; text-align:center; overflow:hidden;}
.product_list ul li img{ border:solid 1px #dadada; width:135px; height:135px;}
.product_list ul li h2{ color:#555; text-align:center; font-size:13px; line-height:20px; padding:0; margin:0;}
.product_list ul li h2:hover{ color:#b81c22;}

.product_list .l{margin: 0 2.666666% 30px 0; padding: 15px; background-color: #fff;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; /*border-radius: 5px;*/border: 1px solid #ededed;}
.product_list .l .pro_con { width: 100%; height: 390px; overflow: hidden; margin: 0 auto; padding: 1px;/* border: 1px solid #ededed;*/ position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.product_list .l .pro_con .pro_img { width: 100%; /*height: 290px;*/ overflow: hidden; margin: 20px auto 20px; padding: 0; position: relative; }
/*.product_list .l .pro_con .pro_img a { display: block; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }*/
.product_list .l .pro_con .pro_img img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; /*position: absolute; left: 0; top: 0; right: 0; bottom: 0;*/ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.product_list .l:hover .pro_con .pro_img img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); margin-top: 50px; }
.product_list .l .pro_con .pro_name { width: 100%; height: auto; overflow: hidden; margin: 0 auto 0; padding: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; line-height: 50px;color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 3%; }
/*.product_list .l .pro_con .pro_name a { display: block; width: 100%; height: 50px; overflow: hidden; line-height: 50px; color: #333; font-size: 18px; text-align: center; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 0 3%; box-sizing: border-box; }*/
.product_list .l .pro_con .pro_name i { display: none; }
.product_list .l .pro_con .pro_name em { display: block; width: 30px; height: 3px; overflow: hidden; background-color: #d71418; margin: 0 auto 8px; padding: 0; }
.product_list .l:hover .pro_con { padding: 10px; }
.product_list .l:hover .pro_con .pro_name { height: 100%; padding: 120px 10px 10px; position: absolute; left: 0; top: 0; background-color: rgba(215,20,24,0.8); color: #fff;}
/*.product_list .l:hover .pro_con .pro_name a { height: auto; color: #fff; }*/
.product_list .l:hover .pro_con .pro_name i { display: block; width: 66px; height: 66px; overflow: hidden; margin: 0 auto 10px; padding: 0; background: url(../images/pro_hover.png) center center no-repeat; background-size: 66px 66px; }
.product_list .l:hover .pro_con .ipro_name em { background-color: #fff; margin-top: 10px; }

.product_list1{ padding:30px 0;}
.product_list1 ul li{ float:left; margin:0 25px 20px; width:125px; text-align:center; overflow:hidden; border:1px solid #b2b2b2; padding:5px;}
.product_list1 ul li h2{ font-size:13px; color:#555; text-align:center; font-weight:normal; line-height:20px; text-transform:uppercase;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product_list1 ul li h2:hover{ color:#fff; background:#b81c22;}
.product_list1 ul li img{ border:solid 1px #dadada; width:123px; height:123px;}
.product_list1 ul li img:hover{}

.product_list1 .l1{vertical-align: top;box-shadow: 0 0 18px #dadada; margin-bottom: 30px;}
.product_list1 .l1 img{display: block; max-width: 100%; margin: 0 auto;}
.product_list1 .l1 a{position:relative;overflow:hidden;display:block;line-height:52px;}
.product_list1 .l1 a:before,.sy_product .p_right .l a:after{content:'';width:100%;height:100%;position:absolute;transition:0.6s;}
.product_list1 .l1 a:before{background:rgba(0,0,0,0.8);transform-origin: 0 100%;transform: rotate(-90deg);bottom:0;left:0;}
.product_list1 .l1 a:after{background:url(../images/lianjie.png) no-repeat center;transform:scale(0);top:0;left:0;}
.product_list1 .l1:hover>a:before{transform: rotate(0deg);transition:0.6s;}
.product_list1 .l1:hover>a:after{transform:scale(1);transition:0.6s;}
.product_list1 .l1 br{display:none;}
.product_list1 .l1 span,.sy_product .p_right .l a{display:block;line-height:52px;}
.product_list1 .l1 span{background:#fff; border-bottom:3px #e62129 solid;}
.product_list1 .l1:hover span{background:rgba(0,0,0,0.8);}
.product_list1 .l1 span a{font-size:18px; text-align: center; color:#333;}
.product_list1 .l1:hover span a{color:#fff;}

/*产品详细*/
.product_show{ padding:30px 0;}
.product_show .pic{ text-align:center; width:100%; margin: 0 auto;}
.product_show .pic img{ max-width: 100%; display: block; margin: 0 auto;border:solid 1px #dadada; padding:2px;}
.product_show .guige{text-align:center;margin-top:20px;font-size:18px;}
.product_show .sm{ width:100%;margin-top:20px;}
.product_show .sm table{width:100% !important;}
.product_show .sm table tr td{padding:5px; border:1px solid #ddd;}
.product_show .sm p{ text-indent:20px; font-size:15px; line-height:26px; margin-top:10px;}
.product_show .sm img{display: block; max-width: 100%; margin: 0 auto; height: auto !important;}
.product_show .sm .smbt{border-bottom:solid 1px #dadada; width:100%; float:left; margin-bottom:20px;}
.product_show .sm .smbt span{background:#ff5b00; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:16px; float:left;}
.product_show .sm .neirong{padding:15px; line-height:26px;}
.product_show .sm .neirong img{display: block;max-width:100%; margin:0 auto;}


/*视频列表*/
.video_list{ padding:20px 0;}
.video_list ul li{ float:left; margin:0 25px 20px; width:325px; text-align:center; overflow:hidden;}
.video_list ul li img{ border:solid 1px #dadada; width:323px; height:270px;}


.footer{ background:#333; padding:30px 0;border-top:1px solid #e6e6e6;}
.footer .fl1{}
.footer .fl1 img{display:block; max-width:100%;}
.footer .fl1 .text{font-size:15px;line-height:26px;color: #fff; margin-top:20px;}
.footer .fl1 .text ul{margin: 0}
.footer .fl1 .text ul li{line-height: 26px;}
.footer .fl1 .text ul li i{display:inline-block; padding-right: 10px; color:#d71418;font-size:20px;}
.footer .fl1 .text ul li p{display:inline-block;}

.footer .fl3{}
.footer .fl3 img{max-width:100%; margin:0 auto; display:block;}
.footer .fl3 p{ text-align:center; color:#fff; font-size:12px; line-height:16px;}
.yqlj{ height:73px;line-height:25px; font-size:14px; text-align:left; color:#fff; border-top:1px solid #555555; background:#333333;}
.yqlj a{ color:#fff; padding:0 10px;}
.yqlj .center{ width:1000px; margin:0 auto; padding:15px 0;}
.yqlj .center span{ color:#ce0000;}

.footer .fl2{ margin-top: 20px;}
.footer .fl2 p{ont-size:15px; line-height:26px; color:#fff; text-align:left;}
.footer .fl2 a{ color:#fff; text-align:left;}
.footer .fl2 .jz{text-align:left; color:#fff; margin-bottom:20px;}
.footer .fl2 .jz a{ color:#fff; padding:0 10px; font-weight:600; line-height:15px; font-size:15px;}
.footer .fl2 .jz a:hover{ color:#000;}

#tel1{position:fixed; right:10px; bottom:140px; background:#e62129;text-align:center; width:41px; font-size:16px; color:#fff; padding: 3px 10px 5px 10px;z-index:9999; display:block; border-radius: 50%;}
#tel1 i{display:block; color:#fff; font-size:24px;}

@media (min-width:768px) { 
	.logo{margin: 0 auto; padding:20px 0;}
	.nav{display:none;}
	.sp_nav{display:block;}
	.banner{margin-top:0;}
	.banner .swiper-slide .pc{ display:block;}
	.banner .swiper-slide .phone{ display:none;}
	.ny_banner .pc{display:block;}
    .ny_banner .phone{display:none;}
}

@media (min-width:992px) {
	.head-top .head-top-left{display: block;}
    .head-top .head-top-right{text-align: right;}
	.top-left .top-zi{display: block;}
	.top_right{display:block;}
	.nav{display:block;}
	.nav .nLi h3 a{padding:0 20px;font-size:17px;}
	.sp_nav{display:none;}
	.sy_title {margin-bottom:50px; }
	.sy_title b {font-size:32px;}
	.sy_title span {font-size:17px;margin-top:10px;}
	.sy_product1{padding-top:50px;}
	.sy_product2 .pro_list {padding:60px 0 40px;}
	.sy_feilei{ margin-bottom: 30px;}
	.sy_feilei ul li{display:inline-block;margin:0 8px; width:auto;}
	.sy_feilei ul li a{padding:14px 26px;margin-bottom:12px;border-radius:30px 30px 30px 30px;font-size: 18px;}
	.sy_about{padding: 60px 0;}
	.sy_about .a_text{padding:0 15px; margin-top:0;}
	.sy_news{padding: 60px 0;}
	.sy_link{padding:50px 0;}
	#news_list .list_bd .list_box{padding:20px;}
	#news_list .list_bd .list_main{width:90%; padding-left:3%;}
	#news_list .list_bd .list_main:after{height:90px;}
	#news_list .list_bd .bd_r{width:23%; /*margin-right:3%;*/ display:block;}
	#news_list .list_bd .list_title{font-size:18px;}
	#news_list .list_bd .list_tool{font-size:14px;padding:10px 0px;}
	#news_list .list_bd .list_tool .share{ margin:0 20px;}
	#news_list .list_bd .list_p{font-size:15px;line-height:30px; height:60px;}
	#news_list .list_bd .list_time{font-size:14px;padding:10px 12px 7px 17px;}
	#news_list .list_bd .list_time_day{font-size:42px;line-height:50px;}
	#news_list .list_bd .news_more{height:20px; line-height:20px;}
	#news_list .list_bd .list_bd .noimg .bd_c{width:84%;}
	.product_show .pic{width: 50%;}
	.sidebar1{display:block;}
    .sidebar2{display:none;}
	.sidebar{padding:30px !important;}
	.side_right{padding:30px !important;}
	.footer{padding:50px 0;}
	#tel1{display: none;}
}

@media (min-width:1200px) {
.nav .nLi h3 a{padding:0 38px;font-size:17px;}
.content{padding:50px 0;}
}
@media (min-width:1300px) {
.nav .nLi h3 a{padding:0 42px;font-size:17px;}	
}
@media (min-width:1400px) {
.nav .nLi h3 a{padding:0 48px;font-size:17px;}
}
@media (min-width:1600px) {
.nav .nLi h3 a{padding:0 53px;font-size:17px;}
}